<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
<h1>赘婿</h1>
<p class="zx">赘婿的主演是郭麒麟和宋轶</p>
<p id="beautifulGirl">宋轶长得真好看，脸小，眼睛大</p>
<p class="zx">郭麒麟长得真好看，脸大，眼睛小</p>
<button id="btn1">id选择器</button>
<button id="btn2">class选择器</button>
<button id="btn3">标签选择器</button>
<script type="text/javascript">
    $("#btn1").click(function () {
        $("#beautifulGirl").hide()
    })
    $("#btn2").click(function () {
        $(".zx").toggle()
    })
</script>
</body>
</html>